.com_page{
	width: 100%;
	background-color: #FAFAFA;
}

.com_content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 20rpx;
}

.com_hidden{
	display: none;
	height: 0;
}

.com_bold{
	font-weight: bold;
}

.com_layout_column{
	display: flex;
	flex: 1;
	flex-direction: column;
}
	
.list_top{
	height: 40upx;
	margin: 10upx 0upx 5upx 0upx;
}

.list_top_title{
	margin-left: 20upx;
	font-size: 35upx;
	line-height: 35upx;
}

.list_top_icon{
	width: 40upx;
	height: 40upx;
	margin: 0upx 20upx;
}

.list_top_statistic_sum{
	margin-right: 20upx;
	color: #8a8a8a;	
	font-size: 35upx;
	line-height: 35upx;
}

.com_list_tip{
	text-align: center;
	height: 100%;
	line-height: 10;
	font-size: 40upx;
	color: #DDDDDD;
}

.com_list_scroll{
	height: 650upx;
}

.com_list{
	display: flex;
	flex:1;
	flex-direction: column;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E2E2E2;
	padding: 0upx 15upx;
	background-color: #FFF;
}

.com_list_row {
	display: flex;
	flex:1;
	flex-direction: row;
	padding: 0upx 0upx 10upx 0upx;
}

.com_list_row_top {
	padding: 10upx 0upx 10upx 0upx;
}

.list_text{
	font-size:35upx;
	/* font-weight:500; */
	line-height:1.5;
	text-align: left;
	color: #111;
}

.list_date{
	width: 200upx;
}	
.list_type1{
	width: 180upx;
}
.list_type2{
	width: 180upx;
}
.list_sum{
	flex: 1;
	text-align: right;
	padding-right: 5upx;
	word-wrap: break-word;
}

.list_row2_column1{
	width: 100upx;
	color: #8a8a8a;
}

.list_row2_column2{
	width: 280upx;
	color: #8a8a8a;
}

.list_row2_column3{
	display: flex;
	flex: 1;
	color: #8a8a8a;
}

.list_icon{
	width: 50upx;
	height: 50upx;
	margin: 0upx 10upx;
}

.list-icon_img{
	width: 100%;
	height: 100%;
}

.com_form{
	display: flex;
	flex:1;
	flex-direction: column;
	margin: 10upx 15upx 5upx 15upx;
	border-bottom-style: solid;
	border-bottom-width: 0upx;
	border-bottom-color: #929292;
}

.com_form_bottom{
	border-bottom-style: solid;
	border-bottom-width: 2upx;
	border-bottom-color: #323232;
}

.com_form_row{
	display: flex;
	flex:1;
	flex-direction: row;
	font-size:35upx;
	vertical-align: middle;
}

.com_form_text{
	height: 70upx;
	line-height:70upx;
	font-size:35upx;
	vertical-align: middle;
	text-align: center;
}

.com_placeholder{
	color: #DDDDDD;
}

.com_form_input{
	height: 55upx;
	line-height:55upx;
	font-size:35upx;
	background:#FEFEFE;
	margin: 5upx 10upx 0upx 0upx;
	/* border-bottom-style: solid;
	border-bottom-width: 2upx;
	border-bottom-color: #aaa; */
	padding: 5upx 5upx;
	text-align: left;
	vertical-align: middle;
}

.com_form_date{
	width: 200upx;
}

.com_form_type{
	width: 200upx;
}

.com_form_way{
	width: 200upx;
}

.com_form_sum{
	border-right-width: 0upx;
}

.com_form_sum_q{
	width: 150upx;
}

.com_form_remark{
	flex: 1;
	border-right-width: 0upx;
}

.com_form_full{
	flex: 1;
}

.com_line{
	width: 100%;
	height: 10upx;
	margin: 0upx 0upx 10upx 0upx;
	border-bottom-style: solid;
	border-bottom-width: 2upx;
	border-bottom-color: #DBDBDB;
}

.com_line_color1{
	border-bottom-color: #DBDBDB;
}

.com_line_color2{
	border-bottom-color: #ABABAB;
}

.com_form_save{
	width: 100upx;
	height: 60upx;
	line-height:50upx;
	font-size:35upx;
	color: #FFF;
	background-color: #0faeff;
	margin: 8upx 5upx;
	padding: 5upx 0upx;
	text-align: center;
	align-items: center;
}